<div class="accordian_wrapper mode2D">
	<div id="effects">
		<h3>
			<a href="#">Brightness / Contrast</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Brightness</p>
				<div class="brigthnessSlider slider"></div>
			</div>
			<div class="slideControlGroup">
				<p>Contrast</p>
				<div class="contrastSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Hue / Saturation</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Hue</p>
				<div class="hueSlider slider"></div>
			</div>
			<div class="slideControlGroup">
				<p>Saturation</p>
				<div class="saturationSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Denoise</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Denoise</p>
				<div class="denoiseSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Swirl</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Angle</p>
				<div class="swirlAngleSlider slider"></div>
			</div>
			<div class="slideControlGroup">
				<p>Radius</p>
				<div class="swirlRadiusSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Ink Effect</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Strength</p>
				<div class="inkStrengthSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Painting</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Strength</p>
				<div class="cartoonStrengthSlider slider"></div>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Color Map</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<p>Style</p>
				<select class="colorMapSelect">
					<option value='0'>Sepia</option>
					<option value='1'>Thermal</option>
					<option value='2'>Combustion</option>
					<option value='3'>Satellite</option>
					<option value='4'>Infrared</option>
					<option value='5'>Autotropic</option>
				</select>
			</div>
			<div class="applyCancelButtons">
				<Button class="effectsApplyButton">Apply</Button>
				<Button class="effectsCancelButton">Cancel</Button>
			</div>
		</div>
		<h3>
			<a href="#">Tools (Experimental)</a>
		</h3>
		<div>
			<div class="slideControlGroup">
				<div id="imageTools">
					<Button class="toolButton" title="Pencil Tool">
						<img src="images/tools/stock-tool-pencil-22.png" alt="move" />
					</Button>
					<Button class="toolButton" title="Rectangle Select">
						<img src="images/tools/stock-tool-rect-select-22.png" alt="Rec" />
					</Button>
					<Button class="toolButton" title="Crop Tool">
						<img src="images/tools/stock-tool-crop-22.png" alt="move" />
					</Button>
					<Button class="toolButton" title="Bucket Tool">
						<img src="images/tools/stock-tool-bucket-fill-22.png" alt="move" />
					</Button>
					<div class="toolControlSection paintBucketTool">
						<div class="slideControlGroup">
							<p class="bucketToolText">Tolerance : 50%</p>
							<div class="bucketToleranceSlider"></div>
						</div>
					</div>
					<div class="toolControlSection cropTool">
						<Button class="cropApply">Apply</Button>
					</div>
					<Button class="toolButton" title="Rotate Clockwiese 90 degrees">
						<img src="images/tools/stock-tool-rotate-clockwise-22.png"
							alt="roate" />
					</Button>
					<Button class="toolButton" title="Rotate Counter Clockwiese 90 degrees">
						<img src="images/tools/stock-tool-rotate-counter-clockwise-22.png" alt="rotate" />
					</Button>
					<Button class="toolButton" title="Flip Horizontal">
						<img src="images/tools/stock-tool-flip-hor-22.png" alt="flip hor" />
					</Button>
					<Button class="toolButton" title="Flip Vertical">
						<img src="images/tools/stock-tool-flip-vert-22.png" alt="flip vert" />
					</Button>
					<Button class="toolButton" title="Scale Horizontal">
						<img src="images/tools/stock-tool-scale-hor-22.png" alt="move" />
					</Button>
					<Button class="toolButton" title="Scale Vertical">
						<img src="images/tools/stock-tool-scale-vert-22.png" alt="move" />
					</Button>
					<div class="toolControlSection scaleHorizontal">
						<div class="slideControlGroup">
							<p class="scaleHorizontalText">Scale : 100%</p>
							<div class="scaleHorizontalSlider"></div>
						</div>
					</div>
					<div class="toolControlSection scaleVertical">
						<div class="slideControlGroup">
							<p class="scaleVerticalText">Scale : 100%</p>
							<div class="scaleVerticalSlider"></div>
						</div>
					</div>
				</div>
				<div id="colorSelector" title="Color Selector">
					<div style="background-color: #0000ff"></div>
				</div>
			</div>
		</div>
	</div>
</div>